/**
 * 通用样式变量文件
 * @author Gray
 */
@theme_color: #0168b7;

@page_bg_color: #fff;

@main_area_width: 1460px;

@theme_bg: {
  background-image: linear-gradient(45deg, #549F66, #3F8C48);
};

@sourceUrl: 'testimg.szhexiangkj.com';

@box_shadow: {
  box-shadow: 0px 0px 35px rgba(180,180,180,0.5);
}

@align_center: {
  display: flex;
  justify-content: center;
  align-items: center;
};

@vertical_center: {
  display: flex;
  align-items: center;
};

@horizontal_center: {
  display: flex;
  justify-content: center;
};

@position_center: {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
};

@font_gray: #7d7d7d;

@divider: {
  border-bottom: 1px solid #F1F1F1;
}

@placeholder_color: #B2B2B2;

@link_color: #2C79D3;

@divider_title: {
  position: relative;
  &::before {
    content: '';
    width: 50px;
    height: 1px;
    background-color: #D8D8D8;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translate(0, -50%);
  }
  &::after {
    content: '';
    width: 50px;
    height: 1px;
    background-color: #D8D8D8;
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0, -50%);
  }
}

@text_overflow_ellipsis: {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text_overflow_ellipsis_more (@line_num) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line_num;
}

.set-size (@width_size, @height_size) {
  width: @width_size;
  height: @height_size;
}

@module_header: {
  padding: 0 10px;
  height: 50px;
  display: flex;
  justify-content: space-between;
};